// 入口函数
$(function () {
    getUserInfo()

    $('#logout').on('click', function (e) {
        // 阻止默认提交行为
        e.preventDefault()
        layui.layer.confirm('确定退出吗？', {
            icon: 3,
            title: '提示'
        }, function (index) {
            layui.layer.close()
            location.href = '/login.html'
            localStorage.removeItem('token')
        })
    })
})

function getUserInfo() {
    $.ajax({
        method: 'get',
        url: '/my/userinfo',
        success: function (res) {
            // 判断用户信息是否获取成功
            if (res.status !== 0) {
                return layui.layer.msg(res.message, {
                    icon: 5
                })
            }
            // 渲染用户信息
            // layui.layer.msg(res.message)
            renderAvatar(res.data)

        }

    })
}

function renderAvatar(user) {
    // 如果有昵称就用昵称，否则就用username
    let name = user.nickname || user.username;
    // 渲染欢迎语
    $('#welcome').html('欢迎 ' + name);
    // 渲染头像
    if (user.user_pic != null) {
        $('.layui-nav-img').prop('src', user.user_pic).show();
        $('.text-avatar').hide();
    } else {
        let firstName = name[0].toUpperCase()
        $('.layui-nav-img').hide();
        $('.text-avatar').html(firstName);
    }
}